<link rel="stylesheet" href="css/company.css">

    <!-- 分类 -->
    <section>
        <div class="container classify">
            <div class="row">
                <ul>
                    <li class="active"><a href="">认识喜邦</a></li>
                    <li><a href="">企业文化</a></li>
                    <li><a href="">企业环境</a></li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 路径导航 -->
    <section>
        <div class="container">
            <div class="row">
                <ol class="path">
                    <li><a href="#">所在位置</a></li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">公司</a></li>
                </ol>
            </div>
        </div>
    </section>

    <!-- 产品展示 -->
    <section>
        <div class="container show">
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>认识喜邦</h3>
                        <p>Cheer brand cultivates cosmetics industry for ten years</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 news">
                    <h3>广州喜邦广告设计有限公司</h3>
                    <p>Guangzhou xiban advertising design co, LTD</p>
                    <p class="intro">喜邦广告成立于2005年.公司专注于为化妆品行业客户提供品牌策略服务,平面创意表现、包装设计、终端形象设计的综合性广告平面设计类综合服务商。在将近10年的公司成长中。
                        我们为国内外一大批行业客户提供了睿智而丰富的创意支持,并且也帮助许多业界品牌通过我们的策略和设计包装在市场中获得知名度。
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="img center-block">
                    <img src="./images/company/1.png" class="img-responsive" alt="">
                    <img src="./images/company/2.png" class="img-responsive" alt="">
                    <img src="./images/company/3.png" class="img-responsive" alt="">
                    <img src="./images/company/4.png" class="img-responsive" alt="">
                    <img src="./images/company/5.png" class="img-responsive" alt="">
                    <img src="./images/company/6.png" class="img-responsive" alt="">
                    <img src="./images/company/7.png" class="img-responsive" alt="">
                    <img src="./images/company/8.png" class="img-responsive" alt="">
                    <img src="./images/company/9.png" class="img-responsive" alt="">
                    <img src="./images/company/10.png" class="img-responsive" alt="">
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>企业文化</h3>
                        <p>With wisdom and professional to create happiness for dlients</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 news">
                    <p class="intro">喜邦秉承“分享"与“创造" 的文化理念,为员工提供幸福感的工作.用智慧与专业为客户创造幸福感。我们拥有“用心耐心创意诚意”的设计宗旨.坚信只有帮助企业解决实
                        际问题.才能为企业领导、员工及其家属带来幸福感,才能实现我们的价值。
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="img-box">
                    <div class="img-list">
                        <img src="./images/company/company_02.jpg" class="img-responsive" alt="">
                        <p class="text-center">用心With your heart</p class="text-center">
                    </div>
                    <div class="img-list">
                        <img src="./images/company/company_03.jpg" class="img-responsive" alt="">
                        <p class="text-center">耐心Patienec</p>
                    </div>
                    <div class="img-list">
                        <img src="./images/company/company_04.jpg" class="img-responsive" alt="">
                        <p class="text-center">创意Creative</p>
                    </div>
                    <div class="img-list">
                        <img src="./images/company/company_05.jpg" class="img-responsive" alt="">
                        <p class="text-center">诚意Sincerity</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>公司环境</h3>
                        <p>Incubation platform focused on cosmetics creative service to the fashion industry</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="img-box">
                    <div class="img-list">
                        <img src="./images/company/company_06.jpg" class="img-responsive" alt="">
                        <p class="text-center">楼梯一角</p>
                    </div>
                    <div class="img-list">
                        <img src="./images/company/company_07.jpg" class="img-responsive" alt="">
                        <p class="text-center">项目接待室</p>
                    </div>
                    <div class="img-list">
                        <img src="./images/company/company_08.jpg" class="img-responsive" alt="">
                        <p class="text-center">办公室一角</p>
                    </div>
                    <div class="img-list">
                        <img src="./images/company/company_09.jpg" class="img-responsive" alt="">
                        <p class="text-center">客户接待室</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

   
    <script>
        $(function () {
            $('.my-nav ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
            $('.classify ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
        })
    </script>
